<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"/>
    <title>核销</title>
    <script src="{:sysconf('cdn_url')}/vote/index/jquery-2.1.3.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript"></script>
</head>

<body>


<style>

    .container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh; /* 视口高度 */
    }

    .element {

    }

    .element button {
        width: 150px;
        height: 150px;
        padding: 0;
        margin: 0;
        background: rgba(106,168,79,1);
        color: #fff;
        border: 0;
        outline: none;
        border-radius: 50%
    }


</style>


<div class="container">

    <div class="element">
        <button id="qrscan"><span style="font-size: 18px">扫码核销</span></button>
    </div>

</div>


<script type="text/javascript">

    wx.config({
        debug: false,
        appId: '{$signPackage.appId}',
        timestamp: "{$signPackage.timestamp}", // 必填，生成签名的时间戳
        nonceStr: '{$signPackage.nonceStr}', // 必填，生成签名的随机串
        signature: '{$signPackage.signature}',// 必填，签名，见附录1
        jsApiList: [
            'scanQRCode',//使用的JS接口
            'onMenuShareTimeline',
            'onMenuShareAppMessage'
        ]
    });

    $(function () {
        $("#qrscan").click(function () {
            wx.scanQRCode({
                // 默认为0，扫描结果由微信处理，1则直接返回扫描结果
                needResult: 1,
                scanType: ["qrCode", "barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                success: function (res) {
                    //扫码后获取结果参数赋值给Input
                    var result = res.resultStr;

                    $.ajax({
                        type: "POST",
                        dataType: 'json',
                        url: "/index/ticket/hexiao",
                        data: {
                            code: result
                        },
                        success: function (data) {
                            if (data.code == 0) {
                                // var audio = new audio('/static/ticket/13193.mp3');
                                // audio.load();
                                // audio.play();
                                alert('核销成功');

                            } else {
                                alert(data.message);
                            }

                        }
                    });

//                    alert('扫码成功'+result);
//                    $("#result-qrcode").text(result);//扫码后结果显示在页面上
                }
            });
        });

    });

    wx.ready(function () {
        wx.error(function (res) {
            console.log(res);
        });
        //朋友圈
        wx.onMenuShareTimeline({
            title: "扫码核销", // 分享标题
            link: "{$current_url}", // 分享链接
            imgUrl: "", // 分享图标
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });

        //分享给朋友
        wx.onMenuShareAppMessage({
            title: "扫码核销", // 分享标题
            desc: "{:htmlspecialchars($config.title)}", // 分享描述
            link: "{$current_url}", // 分享链接
            imgUrl: "", // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                // 用户取消分享后执行的回调函数
            }
        });
    });
</script>


</body>
</html>